$(function()
{
    // 清除数组中null的元素
    function clear_array_null(array)
    {
        var a=[null,"ASD",null,"ad"]
        a.forEach()
    }
     var result
    // 用户输入的搜索的值
    var tmp
    $(".grammar_info").hide()
    var button_info="说明：在html中，按钮定义为<button>内容</button>"
    var xiala_frame="说明：下拉框，一般用于提供多个选项给用户选择"
    var all=[]
    all.push(button_info)
    all.push(xiala_frame)
    var tmp_result=[]
    var all_things=["button","按钮","下拉框","spinner","标题","列表"]
    $("#search").click(function()
    {
        tmp=$("#input_search").val()
        console.log(tmp)
        // 遍历存在的内容，查找结果
        for(var i=0;i<all.length;i++)
        {
            tmp_result.push(all[i].match(tmp))
        }
        // NOTE: 清除null元素
        // clear_array_null(tmp_result)
        console.log("搜索结果数组")
        console.log(tmp_result);
        //从临时数组中取出值
        for(var i=0;i<tmp_result.length;i++)
        {
            result=tmp_result[i]
            console.log("取出的值"+result)
            var spinner_str="下拉框"
            var button_str="按钮"
            var matched_value=spinner_str.match(tmp)
            console.log("匹配的值"+matched_value);
            if(matched_value!=null)
            {
                console.warn("#匹配到值");
                add_info("下拉框")
            }
            else
            {
                console.warn("#没有匹配到值");
            }
            // if(result.search("下拉框"))
            // {
            //     alert("匹配到下拉框")
            //     // add_info()
            //     break
            // }
        }
        // NOTE: what对应的是对应的查找的东西
        function add_info(what)
        {
            if(what="按钮")
            {

            }
            if(what=="下拉框")
            {
            console.log(button_info)
            $("#result_help_info").text(button_info)
            var empty_dtd="<dd><xmp>暂无，可以贡献代码</xmp>"
            // 模板
            var full="<dl> <dt> </dt> <dd> <xmp></xmp> </dd></dl>"
            var tempz_head="<dl>"
            var temp_center="<dd><xmp>"
            var tempz_end="</xmp></dd></dl>"
            // $(".ref li:eq(0)").html("html:button标签<button id='info'>查看说明</button>")
                //语法div
                // html
                $(".grammar_info h3").append(tempz_head+"<dt>Html</dt><dd><xmp><button>内容</button>"+tempz_end)
                //android
                $(".grammar_info h3").append(tempz_head+"<dt>android</dt><dd><xmp><button android:text='内容' >（xml这里，要把斜杠/添加到>前面，这里因为xmp标签原因无法正确显示）"+tempz_end)
                //javaFx xml dtd
                $(".grammar_info h3").append(tempz_head+"<dt>javaFx_Xml_DTD</dt><dd><xmp><button>内容</button>"+tempz_end)
                //FLTK
                $(".grammar_info h3").append("<dt>FLTK</dt>"+empty_dtd+tempz_end)
                // delphi
                $(".grammar_info h3").append("<dt>delphi</dt>"+empty_dtd+tempz_end)
                // c#
                $(".grammar_info h3").append("<dt>C#</dt>"+empty_dtd+tempz_end)
                //gdscript
                $(".grammar_info h3").append("<dt>Godot游戏引擎中的定义</dt>"+empty_dtd+tempz_end)
                //gdevelop
                $(".grammar_info h3").append("<dt>gdevelop游戏引擎中的定义</dt>"+empty_dtd+tempz_end)
                //fultter
                $(".grammar_info h3").append("<dt>fultter中的定义</dt>"+empty_dtd+tempz_end)
                //ios
                $(".grammar_info h3").append("<dt>ios编程中的定义</dt>"+empty_dtd+tempz_end)
                //linux
                $(".grammar_info h3").append("<dt>Linux中x11应用程序中的定义</dt>"+empty_dtd+tempz_end)
                //vue
                $(".grammar_info h3").append("<dt>Vue中的定义</dt>"+empty_dtd+tempz_end)
                //windows
                $(".grammar_info h3").append("<dt>windows编程中gui的定义</dt>"+empty_dtd+tempz_end)
                //树莓派
                $(".grammar_info h3").append("<dt>树莓派图像编程中的定义</dt>"+empty_dtd+tempz_end)
                //love2d
                $(".grammar_info h3").append("<dt>love2d游戏框架中的定义</dt>"+empty_dtd+tempz_end)
                //SDL
                $(".grammar_info h3").append("<dt>SDL simple direct layer中的定义</dt>"+empty_dtd+tempz_end)
                //directx
                $(".grammar_info h3").append("<dt>微软directx中的定义</dt>"+empty_dtd+tempz_end)
                //react
                $(".grammar_info h3").append("<dt>React框架中的定义</dt>"+empty_dtd+tempz_end)
                //
                $(".prop_list ol li:eq(0)").text(button_info)
                // 显示语法说明
                $(".grammar_info").show()
            }
        }
    })
})
